<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$system_set.site_title}</title>
    <meta name="keywords" content="{$system_set.seo_keywords}">
    <meta name="description" content="{$system_set.seo_description}">
    <link rel="Bookmark" href="/favicon.ico" >
    <link rel="Shortcut Icon" href="/favicon.ico">
    <link rel="stylesheet" href="/static/home/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/home/css/font/iconfont.css">
    <link rel="stylesheet" href="/static/home/css/idangerous.swiper.css">
    <link rel="stylesheet" href="/static/home/css/animate.min.css">
    <link rel="stylesheet" href="/static/home/css/common.css">
    <link rel="stylesheet" href="/static/home/css/header.css">
    <link rel="stylesheet" href="/static/home/css/footer.css">
    <link rel="stylesheet" href="/static/home/css/index.css">
    <style type="text/css">
        .line:last-child{display:none;}
    </style>
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="type-area">
            <!-- Brand and toggle get grouped for better mobile display -->
            <a href="{$tmdurl}"><img class="logo" src="{$system_set.logo}" alt=""></a>
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="{$tmdurl}" class="header-active">首页</a></li>
                    <li><a href="{:url('customization/customization')}">高端定制</a></li>
                    <li><a href="{:url('minipro/minipro')}">微信小程序</a></li>
                    <li><a href="{:url('apps/apps')}">APP开发</a></li>
                    <li><a href="{:url('ebusiness/ebusiness')}">社区电商</a></li>
                    <li><a href="{:url('wechat/wechat')}">企业微信</a></li>
                    <!-- <li><a href="{:url('new-media/new-media')}">新媒体运营</a></li> -->
                    <li><a href="{:url('cases/cases')}">经典案例</a></li>
                    <li><a href="{:url('contactus/aboutus')}">关于我们</a></li>
                    <li><a href="{:url('contactus/contactus')}">联系我们</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <div class="holder"></div>
    <!-- banner -->
    <div class="device">
        <div class="swiper-container clearfix">
            <div class="swiper-wrapper clearfix">
                {foreach $banner as $k=>$v}
                <div class="swiper-slide clearfix">
                    <div class="slider-item" style="background-image: url({$v.img});">
                        <!-- <div class="center">
                            <div class="banner-title">多屏互动、终端入口全覆盖打造全渠道建站需求</div>
                            <div class="banner-titlesub">满足不同用户的使用习惯、多屏互动、触达客户</div>
                        </div> -->
                    </div>
                </div>
                {/foreach}
            </div>
            <div class="pagination"></div>
        </div>
    </div>
    <div class="ad">
        <a href="" class="ad-item">
            <div class="item-first">
                <span class="iconfont icon-liuyan"></span>
                <div>业务咨询</div>
            </div>
        </a>
        <a href="" class="ad-item">
            <div class="item-first">
                <span class="iconfont icon-hudunbaohuyanzhengma-"></span>
                <div>售后服务</div>
            </div>
        </a>
        <div class="ad-item" id="phone-no">
            <div class="item-first">
                <span class="iconfont icon-dianhua"></span>
                <div>咨询电话</div>
            </div>
            <div class="phone-no"><span>027-85667677</span></div>
        </div>
        <div class="ad-item" id="backtop">
            <div class="item-first">
                <span class="iconfont icon-top"></span>
                <div>返回顶部</div>
            </div>
        </div>
    </div>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- <div class="modal-header"> -->
                    <span class="iconfont icon-qingchu" data-dismiss="modal" aria-hidden="true"></span>
                    <div class="title1">我们为您提供</div>
                    <div class="title2">互联网全区域营销解决方案</div>
                    <div class="title3">服务包含策略规划, 用户体验设计、视觉设计、技术研发、平台运维</div>
                    <div class="info">
                        <form>
                            <div class="info-left">
                                <div class="left-item form-group">
                                    <input class="form-control" name="username" type="text" placeholder="请输入您的姓名">
                                </div>
                                <div class="left-item form-group">
                                    <input class="form-control" name="userphone" type="text" placeholder="请输入您的电话">
                                </div>
                            </div>
                            <button id="modal_btn" type="button" class="info-right modal-btn">免费试用</button>
                        </form>
                    </div>
                    <div class="methods">
                        <div>电 话/微 信：<span>{$system_set.wechat}</span></div>
                        <div>QQ咨 询：<span>{$system_set.qq}</span></div>
                    </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- 我们的服务 -->
    <div class="center">
        <div class="service">
            <div class="service-title wow animated">{$server_area_title.title}</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="service-desc wow animated">{$server_area_title.subtitle}</div>
            <div class="service-box">
                {foreach $server_area as $k=>$v}
                <div class="service-item wow animated ">
                    <img class="item-img animate-act" src="{$v.icon}" alt="">
                    <div class="item-ttile">{$v.title}</div>
                    <div class="item-line">
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                    <div class="item-desc">{$v.description}</div>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
    <!-- banner -->
    <!-- <div class="choose" style="background-image: url(/static/home/img/home/banner1.jpg);"> -->
    <div class="choose">
        <div class="center">
            <div class="choose-content">
                <div class="choose-title wow animated">{$ciya_reason_title.title}</div>
                <div class="title-separation1 wow animated"><span></span><span></span><span></span></div>
                <div class="choose-titlesub wow animated">{$ciya_reason_title.subtitle}</div>
                <div class="choose-box">
                    {foreach $ciya_reason as $k=>$v}
                    <div class="choose-item">
                        <div class="item-img"><img src="{$v.icon}" alt=""></div>
                        <div class="item-num"><span id="num-{$k}">{$v.title}</span>+</div>
                        <div class="item-desc">{$v.description}</div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
        <div class="waves">
            <canvas></canvas>
        </div>
    </div>
    <!-- 方案 -->
    <div class="center">
        <div class="case">
            <div class="case-title wow animated">{$solutions_title.title}</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="case-desc wow animated">{$solutions_title.subtitle}</div>
            <div class="case-box">
                {foreach $solutions as $k=>$v}
                <div class="case-item">
                    <div class="item-pad wow animated">
                        <div class="item-row">
                            <div class="item-img animate-act">
                                <img src="{$v.icon}" alt="">
                            </div>
                            <div class="item-content">
                                <div class="item-title">{$v.title}</div>
                                <div class="item-line"></div>
                                <div class="item-desc">{$v.description}</div>
                                <div class="item-more"><a class=" index-btn2" data-toggle="modal" href="#myModal">获取解决方案</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="partner">
        <div class="center">
            <div class="partner-title wow animated">{$partners_title.title}</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="partner-desc wow animated">{$partners_title.subtitle}</div>
            <div class="partner-content">
                {foreach $cases as $k=>$v}
                <a class="partner-item wow animated" href="{$v.link}">
                    <div class="item-bimg"><img src="{$v.icon}" alt=""></div>
                    <div class="item-title">{$v.title}</div>
                    <div class="item-name">
                        <span>{$v.description}</span>
                        <img class="item-more" src="/static/home/img/home/more.jpg" alt="">
                    </div>
                </a>
                {/foreach}
            </div>
            <div class="partner-btn">
                <a href="{:url('cases/cases')}" class="partner-more index-btn1">
                    <span>查看更多</span>
                    <!-- <img src="/static/home/img/home/more.png" alt=""> -->
                </a>
            </div>
        </div>
    </div>
    <!-- 最新资讯 -->
    <div class="news">
        <div class="center">
            <div class="news-title wow animated">最新资讯</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="news-desc wow animated">以专业的视角提供行业实时新闻动态</div>
            <div class="news-box">
                {foreach $news_cate as $k=>$v}
                <div class="news-item wow animated">
                    <div>
                        <a href="{:url('news/news_list')}?c_id={$v.id}" class="item-logo">
                            <div class="item-img" style="background-image: url({$v.img});">
                                <div class="bgi-title">{$v.title}</div>
                                <div class="bgi-titlesub">{$v.description}</div>
                            </div>
                        </a>
                    </div>
                    {foreach $v.newsarr as $kk=>$vv}
                    <a class="item-title" href="{:url('news/news_detail')}?id={$vv.id}"><span>{:date('m/d',$vv.time)}</span><span
                            class="title-text">{$vv.title}</span></a>
                    {/foreach}
                    <a class="item-more" href="{:url('news/news_list')}?c_id={$v.id}">更多新闻</a>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
    <!-- 页尾 -->
    <footer>
        <div class="center">
            {foreach $headquarters_branches as $k=>$v}
            <div class="footer-item">
                <a class="item-title" href="{$v.site_url}">
                    <!-- <div>思洋<div class="item-circle"></div>广州总部</div> -->
                    <div>{$v.company_name}</div>
                </a>
                <div class="item-address">{$v.company_address}</div>
                <div class="item-email">{if $v.site_url}Site/&nbsp;&nbsp;{$v.site_url}{/if}</div>
                <div class="item-email">{$v.email}</div>
                <div class="item-email">{$v.phone}</div>
                <div class="item-phone">{$v.tel}</div>
            </div>
            {/foreach}
        </div>
    </footer>
    <div class="bottom">
        <div class="center">
            <div class="project">
                {foreach $others as $k=>$v}
                <a href="{$v.link}" class="bottom-item">{$v.others}</a>
                <div class="line"></div>
                {/foreach}
            </div>
            <div class="copyright">
                <div class="name"><a href="http://beian.miit.gov.cn">©{:date('Y',time())} {$system_set.copyright} ALL RIGHTS RESERVED.
                        保留所有权鄂ICP备{$system_set.icp}</a></div>
                <div class="support"><a href="http://www.hbciya.cn">Powerd by:Ciya</a></div>
            </div>
        </div>
    </div>
</body>
<script src="/static/home/js/jquery.js"></script>
<script src="/static/home/js/bootstrap.min.js"></script>
<script src="/static/home/js/anime.min.js"></script>
<script src="/static/home/js/idangerous.swiper.min.js"></script>
<script src="/static/home/js/wow.min.js"></script>
<script src="/static/home/js/wave.js"></script>
<script src="/static/home/js/common.js"></script>
<script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.pagination',
        loop: true,
        // grabCursor: true,
        paginationClickable: true
    })
    $('.arrow-left').on('click', function (e) {
        e.preventDefault()
        mySwiper.swipePrev()
    })
    $('.arrow-right').on('click', function (e) {
        e.preventDefault()
        mySwiper.swipeNext()
    })
    $("#modal_btn").click(function() {
        var username=$("input[name=username]").val();
        var userphone=$("input[name=userphone]").val();
        $.ajax({
            type: 'POST',
            url: "{:url('index/messageup')}",
            data: {username:username,userphone:userphone},
            success: function(resdata){
                if(resdata.code==200){
                    layer.msg(resdata.msg,{icon:1,time:1000});
                    setTimeout("parent.location.reload()",1000);
                }else{
                    layer.msg(resdata.msg,{icon:2,time:3000});
                }
            },
            error: function(){
                layer.msg('数据保存失败',{icon:2,time:3000});
            }
        })
    })
</script>
<script>
    $(function () {
        var tmdTargets = new Array();
        tmdTargets = <?php echo json_encode($ciya_reason);?>;
        var shownum = true
        if (shownum) {
            $(window).scroll(function () {
                var divTop = $('.choose')[0].offsetTop - 350;
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (scrollTop >= divTop && shownum) {
                    for (var i = 0; i < tmdTargets.length; i++) {
                        anime({
                            targets: '#num-'+i,
                            innerHTML: [0, tmdTargets[i].title],
                            easing: 'linear',
                            round: 1 
                        });
                    }
                    shownum = false
                    // $('.case-box .case-item .item-pad').addClass('in')

                }
            })
        }

    })
</script>

</html>